<template>
  <view>
    <view class="" style="margin-top: 20rpx; width: 100%; background: #fff">
      <view class="" style="height: 110rpx; font-size: 30rpx; line-height: 110rpx; border-bottom: 1rpx solid #f8f8f8">
        <text style="padding-left: 48rpx">快递公司</text>
        <text style="font-size: 28rpx; padding-left: 52rpx">{{ data.express_name }}</text>
      </view>
      <view class="" style="height: 110rpx; font-size: 30rpx; line-height: 110rpx">
        <text style="padding-left: 48rpx">快递单号</text>
        <text style="font-size: 28rpx; padding-left: 52rpx">{{ data.express_no }}</text>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      id: null,
      data: {}
    };
  },
  methods: {
    look() {
      this.api({
        url: '/api//shop/logistics',
        method: 'post',
        data: {
          order_id: this.id
        }
      }).then((res) => {
        this.data = res.data;
      });
    }
  },
  onLoad(op) {
    this.id = op.id;
    this.look();
  }
};
</script>

<style>
page {
  background: #f8f8f8;
}
</style>
